<!DOCTYPE html>
<html lang="zh-CN">
{% load staticfiles %}
<head>
<meta charset="utf-8">
<title>登录注册</title>
<link rel="stylesheet" href="{% static 'css/style.css' %}">
    <style>
        .message{
        margin-top: 15px;
        text-align: center;
        font-size: 14px;
        color: red;
        }
    </style>
</head>

<body>
    <div class="content">
        <div class="form sign-in">
            <form action="/login" method="post">
                <h2>欢迎回来</h2>
            <label>
                <span>用户名</span>
                <input type="text" name="user_name" />
            </label>
            <label>
                <span>密码</span>
                <input type="password" name="user_pwd"/>
            </label>
            <button type="submit" class="submit">登 录</button>
                  <p class="message">{{ message }}</p>
           </form>
        </div>
        <div class="sub-cont">
            <div class="img">
                <div class="img__text m--up">
                    <h2>还未注册？</h2>
                    <p>立即注册，发现更多商品</p>
                </div>
                <div class="img__text m--in">
                    <h2>已有帐号？</h2>
                    <p>有帐号就登录吧，好久不见了！</p>
                </div>
                <div class="img__btn">
                    <span class="m--up">注 册</span>
                    <span class="m--in">登 录</span>
                </div>
            </div>
            <div class="form sign-up">
              <form action="/register" method="post">
                    <h2>立即注册</h2>
                <label>
                    <span>用户名</span>
                    <input type="text" name="user_name" />
                </label>
                <label>
                    <span>密码</span>
                    <input type="password" name="user_pwd" />
                </label>
                <button type="submit" class="submit">注 册</button>
                    <p class="message">{{ message }}</p>
              </form>
            </div>
        </div>
    </div>
    <script src="{% static 'js/script.js' %}"></script>

</body>

</html>